//导入基础库，核心模块
import React, { Component } from 'react';
//reactDOM 处理dom用的，document object model 标签
import ReactDOM from 'react-dom/client';



const root = ReactDOM.createRoot(
  //获取id为root的标签
  document.getElementById('root') as HTMLElement
);
//Component是react组件的基类,现在为类组件，必须要有render,是渲染函数
//和ets中的build 函数类似
class App extends Component{
  render(){
    return(
      <>
        <h1>Hello World</h1>
      </>
    )
    
  }
}


//入口根元素渲染组件app组件
root.render(
  //默认开启严格模式
  // <React.StrictMode>
   
  // </React.StrictMode>
  <App/>
);

